/*DC.min*/

@charset "utf-8";

@media screen and (max-width : 1920px){

}
@media screen and (max-width : 1600px){
       
}
@media screen and (max-width : 1400px){
	    
}
@media screen and (max-width : 1370px){
	   
}
@media screen and (max-width : 1320px){
     
}
@media screen and (max-width : 1280px){
	     
}
@media screen and (max-width : 1220px){
        
}
@media screen and (max-width : 1200px){
        
}
@media screen and (max-width : 1180px){
	    
}
@media screen and (max-width : 1080px){
	    
}
@media screen and (max-width : 1024px){
	
}
@media screen and (max-width : 992px){
        
        html.ac-gn-noscroll,
        html.ac-gn-noscroll body{overflow:hidden; height:100%;}
        
        .ion-head-pc{display:none;}
        .ion-head-ph{display:block;}
        
        .ion-body{min-height:calc(100vh - 5rem); margin:5rem auto 0px;}
        
        .ionic-nav{display:block;}
        
        .ng-inswipes{padding-bottom:36%;}
        .ng-inswipes .v-btn{top:-100%;}
        .ng-inswipes .pagination{bottom:1.2rem; left:1rem; right:1rem;}
        .ng-inswipes .swiper-pagination-switch{width:2rem; height:2rem; margin:0px .6rem;}
        .ng-inswipes .ke-min{width:.8rem; height:.8rem; margin-top:-.4rem; margin-left:-.4rem;}
        .ng-inswipes .ke-max{width:1.2rem; height:1.2rem; margin-top:-.6rem; margin-left:-.6rem;}
        
        .ion-collap{padding:1.2rem 0px;}
        .ion-collap .vs-kos{min-height:5rem; padding:0px 0px 0px 6.4rem;}
        .ion-collap .vs-kio{width:5rem; height:5rem; }
        .ion-collap .vs-kinfo{padding:.3rem 0px 0px;}
        .ion-collap .vs-ktit{line-height:2.2rem; font-size:1.4rem;}
        .ion-collap .vs-ktext{line-height:2.2rem; font-size:1.4rem;}
        .ion-collap .vs-dos{height:5rem;}
        
        .ion-advan .vs-col{width:33.32%;}
        .ion-advan .vs-dos{margin:0px auto 1.2rem;}
        .ion-advan .vs-ico{width:7rem;}
        .ion-advan .vs-tit{font-size:1.38rem; margin:1rem auto 1rem;}
        
        .ion-outer-padd{padding:2.2rem 0px;}
        
        .ion-outhe{margin:0px auto 1.6rem;}
        .ion-outhe .ou-sell{width:26rem;}
        .ion-outhe .ou-kelle{height:5rem;}
        .ion-outhe .ou-kelle-box{height:2.8rem; bottom:3px;}
        .ion-outhe .ou-kelle-vkv{height:3px; bottom:2px;}
        .ion-outhe .ou-kelle-top{bottom:3rem; width:5.4rem;}
        .ion-outhe .ou-kelle-tit{left:7rem; right:7rem; height:4rem; line-height:4rem; font-size:2.2rem;}
        .ion-outhe .ou-kent{font-size:2rem;}
        .ion-tap{margin:0px auto 1.2rem;}
        .ion-tap ul li{margin:0px .4rem .8rem; font-size:1.3rem; padding:.8rem 1rem;}
        .in-viue-pro .vi-row{margin-left:-.4rem; margin-right:-.4rem;}
        .in-viue-pro .vi-padd{padding-left:.4rem; padding-right:.4rem;}
        
        .in-viue-pro .vi-ikk-tit{padding:0px 1rem; font-size:1.52rem;}
        .in-viue-pro .vi-dos{margin:0px auto 1rem;}
        .in-viue-pro .vi-col{width:50%;}
        
        
        .in-viue-case .vi-row{margin-left:-.4rem; margin-right:-.4rem;}
        .in-viue-case .vi-padd{padding-left:.4rem; padding-right:.4rem;}
        .in-viue-case .vi-col{width:50%;}
        
        .in-viue-case .vi-tit{padding:0px 1rem; margin:.8rem 0px;}
        .in-viue-case .vi-ico>span{width:2.6rem;}
        
        .in-viue-news .vi-row{margin-left:-.6rem; margin-right:-.6rem;}
        .in-viue-news .vi-padd{padding-left:.6rem; padding-right:.6rem;}
        .in-viue-news .vi-list ul li{margin:0px auto 1.2rem;}
        .in-viue-news .vi-sks{padding:1rem;}
        .in-viue-news .vi-sini{padding:0px 0px 0px 14rem; min-height:7rem;}
        .in-viue-news .vi-pic{width:13rem;}
        .in-viue-news .vi-info-tit{height:2.4rem; line-height:2.4rem; font-size:1.4rem;}
        .in-viue-news .vi-info-date{height:1.6rem; line-height:1.6rem; font-size:1.3rem;}
        .in-viue-news .vi-info-text{height:3.2rem; line-height:1.6rem; font-size:1.3rem;}
        
        .in-viue-more a{margin:1.4rem auto .4rem; width:11rem; height:3.2rem; line-height:3.2rem; font-size:1.4rem;}
        
        .in-viue-regard .vi-col-7{width:50%;}
        .in-viue-regard .vi-col-5{width:50%;}
        .in-viue-regard .vi-row{margin-left:-.8rem; margin-right:-.8rem;}
        .in-viue-regard .vi-padd{padding-left:.8rem; padding-right:.8rem;}
        .in-viue-regard .vi-catlist .kv-row{margin-left:-.8rem; margin-right:-.8rem;}
        .in-viue-regard .vi-catlist .kv-padd{padding-left:.8rem; padding-right:.8rem;}
        .in-viue-regard .vi-catlist .kv-dos{margin:0px auto 1.4rem;}
        .in-viue-regard .vi-catlist .kv-text{height:4.4rem; line-height:2.2rem; font-size:1.36rem;}
        
        .ion-end .ev-pap{padding:1.6rem 0px;}
        .ion-end .ev-soks{padding-bottom:1.8rem; margin:0px auto 1.8rem;}
        .ion-end .ev-soks-ini{padding:0px 1.4rem;}
        .ion-end .ev-soks-ini .sk-dios-ini{padding:0px 0px 0px 6rem; min-height:6rem;}
        .ion-end .ev-soks-ini .sk-dios-info{max-width:14rem;}
        .ion-end .ev-soks-ini .sk-dios-ico{width:5rem; height:5rem;}
        .ion-end .ev-soks-ini .sk-dios-tit{line-height:2.4rem; font-size:1.4rem;}
        .ion-end .ev-soks-ini .sk-dios-text{line-height:2.32rem; font-size:1.36rem;}
        
        .ion-end .ev-copy{padding:.6rem 0px;}
        .ion-end .ev-copy-text{line-height:2.64rem; font-size:1.36rem;}
        
        .ine-announ{padding-bottom:28%;}
        
        .ine-pos{padding:.5rem 0px;}
        .ine-pos .vs-skini{padding:0px 0px 0px 2.6rem; min-height:2.6rem;}
        .ine-pos .vs-skico{width:2.6rem; height:2.6rem; top:50%; margin-top:-1.3rem; font-size:1.46rem;}
        .ine-pos .vs-sktit{line-height:2.6rem; font-size:1.38rem;}
        
        .ion-ctos ul li{width:28%;}
        .ion-ctos .sks-link{padding:.5rem;}
        .ion-ctos .sks-link-ini{padding:0px 0px 0px 3.4rem;}
        .ion-ctos .sks-link-ico{width:2.6rem; height:2.6rem; margin-top:-1.3rem;}
        .ion-ctos .sks-link-tit{height:3rem; line-height:3rem; font-size:1.34rem;}
        
        .in-viue-pro .vi-tcsk-ini{padding:.7rem;}
        .in-viue-pro .vi-tcsk-tit{height:2.4rem; line-height:2.4rem; font-size:1.36rem;}
        .in-viue-page{margin:1.4rem auto 0px;}
        .in-viue-page a,
        .in-viue-page span{padding:.5rem .72rem; font-size:1.3rem;}
        
        .vios-pics .vk-box{width:100%; max-width:30rem;}
        .vios-info{max-width:30rem;}
        .vios-cont{line-height:2.4rem; font-size:1.4rem;}
        
        .vios-info .vk-thos{margin:0px auto 1rem; line-height:3rem; font-size:1.8rem; padding:0px 8px;}
        .vios-info .vk-info .table>tbody>tr>td,
        .vios-info .vk-info .table>tbody>tr>th,
        .vios-info .vk-info .table>tfoot>tr>td,
        .vios-info .vk-info .table>tfoot>tr>th,
        .vios-info .vk-info .table>thead>tr>td,
        .vios-info .vk-info .table>thead>tr>th{font-size:1.36rem;}
        
        .viue-case-list .vi-row{margin-left:-.6rem; margin-right:-.6rem;}
        .viue-case-list .vi-padd{padding-left:.6rem; padding-right:.6rem;}
        .viue-case-list .vi-dos{margin:0px auto 1.4rem; width:100%; padding:0px;}
        .viue-case-list .vi-pic{width:100%; position:static; padding-bottom:51%; height:0px;}
        .viue-case-list .vi-pic-ini{position:absolute; top:0px; left:0px; width:100%; height:100%;}
        .viue-case-list .vi-tcsk-ini{padding:1rem 1.1rem;}
        
        .viue-case-list .vi-tcsk-tit{height:3.2rem; line-height:2.6rem; font-size:1.46rem; margin:0px auto .4rem;}
        .viue-case-list .vi-itne-tit{font-size:1.26rem;}
        
        .vios-patit{margin:0px auto 1.4rem;}
        .vios-patit .vie-tit{font-size:1.8rem; line-height:3.2rem;}
        .vios-patit .vie-date{font-size:1.4rem; line-height:2.4rem;}
        
        .viue-news-list .vi-row{margin-left:-.5rem; margin-right:-.5rem;}
        .viue-news-list .vi-padd{padding-left:.5rem; padding-right:.5rem;}
        .viue-news-list .vi-dos{margin:0px auto 1.6rem;}
        .viue-news-list .vi-tcsk-tit{height:2.6rem; line-height:2.6rem; font-size:1.46rem;  margin:0px auto .34rem;}
        .viue-news-list .vi-tcsk-date{height:2rem; line-height:2rem; font-size:1.34rem; margin:0px auto .6rem;}
        .viue-news-list .vi-tcsk-more a{padding:.4rem .82rem; font-size:1.2rem;}
        
        .viue-ccie-list .vi-row{margin-left:-.5rem; margin-right:-.5rem;}
        .viue-ccie-list .vi-padd{padding-left:.5rem; padding-right:.5rem;}
        
        .viue-ccie-list .vi-tcsk{margin:.8rem auto 0px;}
        .viue-ccie-list .vi-dos{margin:0px auto 1.2rem;}
        .viue-ccie-list .vi-tcsk-tit{height:2.4rem; line-height:2.4rem; font-size:1.4rem;}
        
        .viue-video-list .vi-row{margin-left:-.5rem; margin-right:-.5rem;}
        .viue-video-list .vi-col{width:50%;}
        .viue-video-list .vi-padd{padding-left:.5rem; padding-right:.5rem;}
        .viue-video-list .vi-dos{margin:0px auto 1.2rem;}
        .viue-video-list .vi-vitit{height:2.4rem; line-height:2.4rem; font-size:1.5rem;}
        
        .viue-video-list .vi-video-play{width:3rem; height:3rem; margin-top:-1.5rem; margin-left:-1.5rem;}
        
        .vios-video{width:100%; max-width:70rem; margin:0px auto 1.4rem;}
        
        .viue-rcontact .ve-left{width:100%; float:none;}
        .viue-rcontact .ve-right{width:100%; float:none;}
        
        .viue-rcontact .ve-map{height:0px; padding-bottom:40%;}
        
        .viue-rcontact .ve-kinfo{min-height:auto; background-size:100% auto;}
        .viue-rcontact .ve-kinfo-ini{padding:1.6rem 1.4rem;}
        .viue-rcontact .ve-kinfo-coname{margin:0px auto 1.1rem; line-height:2.6rem; font-size:1.7rem;}
        .viue-rcontact .ve-kinfo-tls li{margin:0px auto .6rem;}
        .viue-rcontact .ve-ini{min-height:2.8rem; padding:0px 0px 0px 3.8rem;}
        .viue-rcontact .ve-ico{width:2.8rem; height:2.8rem; margin-top:0px;}
        .viue-rcontact .ve-text{line-height:2.8rem; font-size:1.4rem;}
        
        .ion-end .ev-cks-cotes{position:relative; top:0px; margin:.6rem auto 0px; height:auto;}
	    
	    .ion-end .ev-cks-cotes-text{position:relative; display:block; margin:0px auto .6rem; line-height:2.1rem; font-size:1.34rem;}
        
        .in-viue-page .vk-skinput input{height:2.8rem; font-size:1.34rem;}
        .in-viue-page .vk-sksubmit{height:2.8rem; font-size:1.34rem;}

} 
@media screen and (max-width: 860px){

}
@media screen and (max-width: 768px){
	    .in-viue-news .vi-col{width:100%;}
	    .in-viue-news .vi-one{margin:0px auto 1.4rem;}
	    
	    .in-viue-case .vi-doc .vi-sell{opacity:1; filter:alpha(opacity=100);}
	    .in-viue-case .vi-sell table{
	    	opacity:1; filter:alpha(opacity=100);
	    	-webkit-transform: translate(0px,0px);
		    -moz-transform: translate(0px,0px);
		    -ms-transform: translate(0px,0px);
		    -o-transform: translate(0px,0px);
		    transform: translate(0px,0px);
	    }
	    .in-viue-regard .vi-col-7{width:100%;}
	    .in-viue-regard .vi-col-5{width:100%;}
	    .in-viue-regard .vi-video{margin:0px auto 1.4rem;}
	    .in-viue-regard .vi-catlist .kv-row{margin-left:-.6rem; margin-right:-.6rem;}
        .in-viue-regard .vi-catlist .kv-padd{padding-left:.6rem; padding-right:.6rem;}
        .ion-end .ev-soks-ini{padding:.3rem 0px;}
	    .ion-end .ev-soks-ini .sk-col{width:100%;}
	    .ion-end .ev-soks-ini .sk-dios{display:block;}
	    .ion-end .ev-soks-ini .sk-dios-info{max-width:100%;}
	    .ion-end .ev-soks-ini .sk-dios-ini{min-height:5rem; margin:0px auto 1.2rem;}
	    
	    .ion-end .ev-soks{padding-bottom:.8rem; margin:0px auto 1.6rem;}
	    
	    .ion-end .ev-cks-code{width:8rem;}
	    
	    
	    .ion-ctos ul li{width:46%; margin:0px 2%; float:left; display:block;}
	    .ion-ctos .sks-link{padding:.5rem .8rem; margin:0px auto .6rem;}
	    
	    
	    .vios-pethe{padding:0px; margin:0px auto 1.4rem;}
	    
	    .vios-pics{position:relative; width:100%; margin:0px auto 1.4rem;}
	    .vios-pics .vk-box{max-width:42rem;}
	    .vios-pics .vk-show{max-width:28rem; margin:0px auto 1rem;}
	    .vios-info{max-width:42rem;}
	    
	    .viue-news-list .vi-col{width:50%;}
	    
	    .viue-news-list .vi-tcsk-tit{height:2.26rem; line-height:2.26rem; font-size:1.4rem;  margin:0px auto .26rem;}
        .viue-news-list .vi-tcsk-date{ font-size:1.34rem; margin:0px auto .42rem;}
        
        .viue-ccie-list .vi-col{width:50%;}
        
        .viue-video-list .vi-video-ini{padding:.8rem;}
        
        .viue-rcontact .ve-map{padding-bottom:80%;}
        
        .in-viue-hint{font-size:1.6rem;}
        
        .ng-wins ul li{width:5.4rem;}
        .ng-wins .ve-btn{padding:.4rem;}
        .ng-wins .ve-btn-ico{width:2.6rem; height:2.6rem; margin:0px auto .3rem;}
        .ng-wins .ve-btn-tit{line-height:1.92rem; font-size:1.24rem;}
        
}
@media screen and (max-width: 641px) {
        .in-viue-case .vi-col{width:100%;}
}
@media screen and (max-width: 606px){
 
}
@media screen and (max-width: 583px){
       
}
@media screen and (max-width: 560px){
   
}
@media screen and (max-width: 540px){
    
}
@media screen and (max-width: 510px){

}
@media screen and (max-width: 530px){
   
}
@media screen and (max-width: 500px){
     
}
@media screen and (max-width: 480px){
	   .ng-inswipes .pagination{height:2.2rem; bottom:.4rem;}
	   .ng-inswipes .ke-min{width:.7rem; height:.7rem; margin-top:-.35rem; margin-left:-.35rem;}
	   .ng-inswipes .swiper-pagination-switch{margin:0px .3rem 0px;}
	   
	   .ion-collap{padding:.6rem 0px;}
       .ion-collap .vs-kos{min-height:4.4rem; padding:0px 0px 0px 5.6rem;}
       .ion-collap .vs-kio{width:4.2rem; height:4.2rem; }
       .ion-collap .vs-kinfo{padding:.2rem 0px 0px;}
       .ion-collap .vs-ktit{line-height:2rem; font-size:1.32rem;}
       .ion-collap .vs-ktext{line-height:2rem; font-size:1.32rem;}
       .ion-collap .vs-padd{text-align:center;}
       .ion-collap .vs-dos{height:4.4rem; display:inline-block;}
       
       .ion-advan .vs-col{width:50%;}
       .ion-advan .vs-dos{margin:0px auto 1.4rem;}
       .ion-advan .vs-ico{width:5rem;}
       .ion-advan .vs-tit{font-size:1.32rem; margin:1rem auto 1rem;}
       
       .ion-outhe{margin:0px auto 1.4rem;}
       .ion-outhe .ou-sell{width:20rem;}
       .ion-outhe .ou-kelle-top{ width:3.6rem;}
       .ion-outhe .ou-kelle-tit{font-size:1.7rem; width:12rem; left:50%; margin-left:-6rem;}
       .ion-outhe .ou-kent{font-size:1.6rem;}
       
       .in-viue-pro .vi-ikk-tit{font-size:1.42rem;}
       .in-viue-pro .vi-ikk-label{font-size:1.36rem;}
       
       .ion-tap ul li{font-size:1.22rem;}
       .in-viue-news .vi-info-text{font-size:1.2rem;}
       
       .ion-end .ev-copy-text{line-height:2.3rem; font-size:1.34rem;}
       
       .ine-pos .vs-sktit{line-height:2.6rem; font-size:1.34rem;}
       
       .ion-ctos .sks-link-ico{width:2.2rem; height:2.2rem; margin-top:-1.1rem;}
       .ion-ctos .sks-link-tit{height:2.6rem; line-height:2.6rem; font-size:1.3rem;}
       
       .vios-pics .vk-cetap{padding:0px 3.2rem;}
       .vios-pics .vk-ceswiper-row{margin-left:-.3rem; margin-right:-.3rem;}
       .vios-pics .vk-ceswiper-padd{padding-left:.3rem; padding-right:.3rem;}
       
       .viue-case-list .vi-col{width:100%;}
       
       .viue-ccie-list .vi-dos{margin:0px auto 1rem;}
       .viue-ccie-list .vi-tcsk-tit{height:2.2rem; line-height:2.2rem; font-size:1.36rem;}
}
@media screen and (max-width: 472px){

}
@media screen and (max-width: 444px){
   
}
@media screen and (max-width: 435px){
  	 
}
/*iphone6 plus - iphone6s plus*/
@media screen and (max-width: 416px) {
        
}
@media screen and (max-width: 395px) {
       
} 
@media screen and (max-width: 380px){
      .ng-paddor, .zh-padd{padding-left:.8rem; padding-right:.8rem;}
}
/*iphone6 - iphone6s */
@media screen and (max-width: 376px) {
       .ng-inpadd{padding-left:1rem; padding-right:1rem;}
       .ng-head .he-padd{padding:0px .72rem;}
}
@media screen and (max-width: 360px){
       html{font-size:56.5%;}
           
                  
}
 @media screen and (max-width: 340px) {
         
}
/*iphone5 - iphone5s and 5e,5s*/
@media screen and (max-width: 321px) {
    

}


